/*公共样式*/

.el-tabs__item:focus.is-active.is-focus:not(:active) {
	-webkit-box-shadow: 0 !important;
	box-shadow: 0 !important;
	border-radius: 0 !important;
}

.w100 {
	width: 100px;
}

.w120 {
	width: 120px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w250 {
	width: 250px;
}

.w300 {
	width: 300px;
}

.w400 {
	width: 400px;
}

.w500 {
	width: 500px;
}

.fill {
	display: block;
	width: 100%;
	height: 100%;
}

.primary {
	color: #409EFF;
}

.success {
	color: #67C23A;
}

.danger {
	color: #F56C6C;
}

.font14 {
	font-size: 14px;
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.mr10 {
	margin-right: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.ml30 {
	margin-left: 30px;
}

.ml150 {
	margin-left: 150px;
}

.mb50 {
	margin-bottom: 50px;
}

.pd30 {
	padding: 30px;
}

.mc {
	margin: 0 auto;
}

.tac {
	text-align: center
}

.tar {
	text-align: right
}

#subpage {
	/*padding: 20px;*/
	width: 100%;
	padding: 0 20px 20px 20px;
	background: #F0F2F6;
	position: relative;
	/*margin-top: 120px;*/
	min-height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.content {
	width: 100%;
	background: #fff;
	/*padding: 0 1.5% 0 1.5%;*/
	box-sizing: border-box;
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
}

.xcx-h1 {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #eee;
	text-indent: 30px;
}

.xcx-h2 {
	color: #333;
	height: 50px;
	font-size: 16px;
}

.xcx-head {
	width: 100%;
	/*height: 72px;*/
	/*line-height: 72px;*/
	padding: 20px 0;
	box-sizing: border-box;
	color: #000;
	display: block;
	overflow: hidden;
	position: relative;
}

.xcx-head .xcx-add {
	display: block;
	color: #FFFFFF;
	background: #0486fe;
	border-radius: 4px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}

.xcx-content {
	width: 100%;
	padding: 0 30px 50px 30px;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
}

.el-table {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.el-table th>.cell {
	text-align: center;
}

/*表单*/

/* .el-form {
	padding: 30px 40px;
} */

/*分页*/

.paging {
	width: 100%;
	height: 33px;
	padding: 40px 0 0 0;
	margin-left: -10px;
}

.paging .demonstration {
	font-size: 14px;
	color: #606266;
	line-height: 33px;
}

/*导航*/

.el-menu .el-submenu__title {
	height: 60px !important;
	line-height: 60px !important;
	font-size: 16px;
}

.el-menu .el-menu .el-submenu .el-submenu__title {
	height: 45px !important;
	line-height: 45px !important;
	padding-left: 50px !important;
	font-size: 14px;
	background: #3D454C !important;
	padding-left: 60px !important;
}

.el-menu .el-menu .el-menu .el-menu-item {
	height: 40px !important;
	line-height: 40px !important;
	background: #4b535a !important;
}

#index .el-menu-item-group>ul {
	padding: 0 !important;
}

.el-menu-item-group .el-menu-item-group__title {
	line-height: 45px !important;
	font-size: 14px !important;
	text-indent: 40px !important;
	background: #96a3ae !important;
	color: #fff;
	font-size: 12px;
}

.single i {
	display: none;
}

/*灰色条*/

.gray {
	width: 100%;
	height: 20px;
	background: #F0F2F6;
	margin-left: -20px;
}

.gray-line {
	width: 100%;
	height: 1px;
	background: #F0F2F6;
	margin-left: -20px;
}

p {
	padding: 0;
	margin: 0;
}

/*商品的样式*/

.shop {
	width: 100%;
}

.shop .shop_img {
	height: 100px;
	float: left;
}

.shop .shop_disc {
	margin-left: 15px;
	text-align: left;
	width: 64%;
	float: left;
}

.shop .shop_disc .shop_id {
	color: #0486FE;
	position: absolute;
	bottom: 10px;
}

/*input大小*/

.le .el-input {
	width: 230px !important;
}

.le2 .el-input {
	width: 180px !important;
}

.le3 .el-input {
	width: 180px !important;
}

/*操作按钮*/

.operation {
	width: 160px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}

.operation2 .el-button:nth-child(3) {
	margin-left: 45px !important;
}

.operation .el-button {
	float: left;
	background: #ffffff;
	border: 1px solid #dcdfe6;
	border-radius: 3px;
	width: 75px;
	height: 26px;
	line-height: 7px;
	font-size: 12px;
	color: #303133;
}

.operation .el-button:nth-child(3) {
	margin-left: 0;
	margin-top: 10px;
}

.operation .el-button:nth-child(4) {
	margin-top: 10px;
}

/*去掉弹层边框*/

.el-dialog__body {
	padding: 0 20px;
}

/*tab切换*/

.el-tabs__nav-wrap::after {
	height: 0 !important;
}

.el-tabs__active-bar {
	height: 0 !important;
}

.el-tabs__item {
	margin-top: 20px;
}

.el-tabs__item::after {
	content: "";
	background: #d8d8d8 !important;
	width: 1px !important;
	height: 14px !important;
	position: absolute;
	right: 0;
	top: 14px;
}

/*文字颜色*/

.blue {
	color: #0486fe !important;
}

.red {
	color: #F88789 !important;
}

.yellow {
	color: #E6A23C !important;
}

.green {
	color: #5CB87A !important;
}

#staff {
	padding: 20px;
	background: #F0F2F6;
	position: relative;
}

#staff #content {
	width: 100%;
	background: #fff;
}

#staff #head {
	height: 40px;
	padding: 15px 30px 20px 30px;
}

#staff #head .add_staff {
	background: #0486fe;
	border-radius: 4px;
	width: 128px;
	height: 40px;
	font-size: 14px;
	color: #ffffff;
}

#staff #list {
	width: 100%;
	position: relative;
	background: #FFFFFF;
	padding: 0 0 100px 0;
}

#staff .el-table {
	border-top: 1px solid #ebeef5;
	border-left: 1px solid #ebeef5;
}

#staff .block {
	padding-top: 49px;
	margin-left: 10px;
}

#staff .block .el-pagination {
	float: left;
}

#staff .block .demonstration {
	float: left;
	font-size: 14px;
	color: #606266;
	line-height: 33px;
	margin-left: 20px;
}

#staff #operation {
	position: relative;
}

#staff #operation .btn {
	width: 66px;
	height: 20px;
	display: inline-block;
	color: #fa5555;
}

#staff #operation .btn:first-child {
	border-right: 1px solid #d8d8d8;
	color: #1989fa;
}

#staff .el-table td,
.el-table th.is-leaf {
	border-bottom: 1px solid #ebeef5;
	/* border-right: 1px solid #ebeef5 */
}

#staff .el-table td {
	height: 37px;
	font-size: 14px;
}

#staff td.el-table_5_column_32 {
	color: #0486FE !important;
}

#staff .el-table__empty-block {
	min-height: 440px;
}

#staff .el-table tr.el-table__row:first-child {
	/* color: #e6a23c !important; */
}

/** 标签切换 **/

.xcx-tabs {
	color: #ccc;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}

.xcx-tabs .el-button--text {
	margin-right: 10px;
}

.xcx-tabs .disable {
	color: #999;
}

.hr {
	border-bottom: 1px solid #ccc;
}

.el-card .el-card__body {
	padding: 0;
}

.el-dialog__header {
	border-bottom: 1px solid #ebeef5;
}

.el-button--primary.is-plain {
	color: #409EFF;
	background: #fff;
	border-color: #409EFF;
}

.el-input-group__append, .el-input-group__prepend {
	background-color: #fff;
}